<div class="widget-container" :style="widgetConfig.style" ref="absContainer">
  <DproHeader :title="propsConfig.title">
    <div class="widget-head" slot="right">
      <span class="btn-setting tipD" @mouseover="showTooltip" @mouseleave="hideTooltip">
        规则
        <div v-if="isHovered"  class="tip">
          <div style="font-weight: bold">【赋分规则】</div>
          <div style="color: #fea30e">基础分：</div>
          <div style="color: #fea30e">每符合1项计1~3分。每项具体得分根据风险程度确定。</div>
          <div style="font-weight: bold">额外加分规则：</div>
          <div style="color: #fea30e">1.符合≥2项 +1分</div>
          <div style="color: #fea30e">2.符合≥4项 +2分</div>
          <div style="color: #fea30e">3.符合≥6项 +4分</div>
          <div style="color: #fea30e">（请注意，额外加分仅按照符合条件的数量最高项进行加分，不重复累计）</div>
          <div style="font-weight: bold">风险值总分=基础分+额外加分</div>
        </div>
<!--        v-if="isHovered"-->
      </span>
<!--      <div class="widget-time">-->
<!--        <span-->
<!--          :class="{'active': item.type === activeTimeType}"-->
<!--          v-for="(item,idx) in countTime"-->
<!--          @click="handleChangeTime(item.type)"-->
<!--        >-->
<!--          {{item.name}}-->
<!--        </span>-->
<!--      </div>-->
      <span class="btn-setting" @click="refresh" > 刷新 </span>
    </div>
  </DproHeader>
  <div class="head">
    <div>排行</div>
    <div>风险值</div>
  </div>
  <div class="content-container" v-if="!loading">
    <transition-group appear name="rankList" tag="div" v-on:enter="enter">
      <dpro-content-item @click.native="openWin(item.rankCode)" :item="item" :idx="item.alarmNo" :activeIdx="activeIdx" v-for="(item,idx) in rankList" :key="idx">
      </dpro-content-item>
    </transition-group>
    <dpro-empty v-if="rankList&&rankList.length<=0" />
  </div>
  <div class="echart__loading" v-else >
    <dpro-loading />
  </div>
  <dp-setting-modal v-if="cardInfo.accessToken" :isDevice="false" :label="propsConfig.title" :getContainer="getPopupContainer" ref="settingModal" @saveCardDeviceInfo="saveCardDeviceInfo" :cardInfo="cardInfo"/>
</div>
